<template>
  <el-table v-loading="loading" :data="tabList.fundAnalysisList"  border="true" @row-dblclick="dbClickRow"  @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="序号" type="index"  width="50">
            </el-table-column>
          <el-table-column :label="tabList.activeName" align="center" prop="uuICode" :show-overflow-tooltip="true" width="150"/>
          <el-table-column label="标的名称" align="center" prop="uuIName" :show-overflow-tooltip="true" width="150" />
          <el-table-column label="标的价格" align="center" prop="calcPrice" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="浮动盈亏" v-if="false" align="right" prop="pFloat" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="npv" align="right" prop="npv" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="delta" align="right" prop="delta" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="delta cash" align="right" prop="cashDelta" :show-overflow-tooltip="true" :formatter="formartTableP4" width="120"></el-table-column>
          <el-table-column label="gamma" align="right" prop="gamma" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="gamma cash" align="right" prop="cashGamma" :show-overflow-tooltip="true" :formatter="formartTableP4" width="120"></el-table-column>
          <el-table-column label="theta" align="right" prop="theta" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="vega" align="right" prop="vega" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="rho" align="right" prop="rho" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
          <el-table-column label="theta" align="center" prop="theta" :show-overflow-tooltip="true" :formatter="formartTableP4" width="100"></el-table-column>
        </el-table>
</template>

<script setup name="greekTab">
import { reactive,ref } from 'vue'
const tabList = reactive({
  activeName: '',
  fundAnalysisList:[],
  fundAnaErrList:[],
  fundFieldsList:[]
})



const props = defineProps({
  activeName:{
    type:String,
    default:''
  },
  getResult:{
    type: Function,
    default: null
  },
  fundAnalysisList:{
    type: Array,
    default: []
  },
  fundAnaErrList:{
    type: Array,
    default: []
  },
  fundFieldsList:{
    type: Array,
    default: []
  }
})


const getResult = () => {
  props.getResult()
}

</script>

